<template>

		<!-- <div class="my_head clearfix">
			<div class="my_back" @click="$router.go(-1)">
			</div>
			<div class="Check_input fl" @click="$router.push('/Sort')">
				请输入查找的商品
				<span class="icon"></span>
			</div>
			<span class="icon_mark" @click="maskk"></span>
		</div>
		<div class="Mask hide" ref="mask">

		</div>
		<div class="nav_sons hide" ref="navsons">
			<div class="nav_son_tit">
				<span class="icon-top"></span>
				<router-link :to="val.path" :class="val.class" v-for="val,index in routerr">
					<span class="icon"></span>
					{{val.tit}}
				</router-link>
			</div>
		</div>
		<div class="no_reco">
			购物车为空
		</div> -->
	<CheckHead>
		<div slot="islink" class="my_back fl" @click="$router.push('/')"></div>
		<div class="Check_input fl" @click="$router.push('/Sort')" slot="search">
			请输入查找的商品
			<span class="icon"></span>
		</div>
	</CheckHead>
	
	</div>
</template>

<script>
	import CheckHead from '../../../components/shopHead.vue'
	export default {
		components:{
			CheckHead
		},
		data() {
			return {
				}
		},
		methods: {
		}
	};
</script>

<style>

	.my_head .Check_input {
		line-height: 32px;
		height: 35px;
		border-radius: 15px 15px;
		background-color: #f3f3f3;
		font-size: 14px;
		margin-top: 10.5px;
		width: 64% !important;
		padding-left: 2%;
		position: absolute;
		text-align: left;
		font-weight: 100;
		left: 50px
	}

	.my_head .Check_input .icon {
		display: inline-block;
		vertical-align: middle;
		margin-right: 12px;
		margin-left: 2px;
		height: 100%;
		background-repeat: no-repeat;
		background-image: url(../../../assets/imgs/icon6.png);
		background-position: 8px 3px;
		width: 40px;
		background-size: 100px;
		float: right;
	}
</style>
